.footer{width:94%;height:1.23rem;background:rgba(255, 255, 255, 0.9);border-radius:0.27rem;
box-shadow:1px 5px 9px 2px rgba(160, 173, 205, 0.25);position:absolute;left:50%;transform:translateX(-50%);
display:flex;display:-webkit-flex;z-index:2;transition:all 0.3s;-webkit-transition:all 0.3s;}
.footer.move{bottom:3.81rem;}
.footer.unmove{bottom:0.12rem;}

.footer .weather{width:47.8%;height:100%;background:url('../../assets/images/home/predict/rec-active.png') no-repeat;
background-size:102% 108%;background-position:center;position:relative;}
.footer.move .weather{background:url('../../assets/images/home/predict/rec-active.png') no-repeat;background-size:102% 108%;
background-position:center;}
.weather .days{width:auto;height:0.28rem;position:absolute;top:0.12rem;left:0.35rem;
font-size:0.24rem;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.weather .days .text{width:0.64rem;text-align:center;border-bottom:2px solid #8EA0B4;}
.weather .days .clock{width:0.4rem;height:100%;margin-left:2px;}
.days .clock img{width:100%;height:100%;}
.weather .temp{position:absolute;bottom:0.35rem;left:0.42rem;font-size:0.32rem;font-weight:500;color:#12202D;}
.weather .temp span{position:absolute;right:-0.25rem;top:0;font-size:0.24rem;}
.weather .rainfall{width:auto;height:0.2rem;position:absolute;bottom:0.1rem;left:0.42rem;
display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;font-size:0.24rem;}
.rainfall .img{width:0.24rem;height:100%;margin-top:-7px;}
.rainfall .img img,.sky .img{width:100%;height:100%;}
.rainfall .text{transform:scale(0.8);}
.weather .sky{width:1rem;height:0.92rem;display:flex;display:-webkit-flex;flex-direction:column;
justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;
position:absolute;top:0.18rem;right:0.68rem;}
.weather .sky .img{width:0.6rem;height:0.6rem;}
.weather .sky .text{font-size:0.24rem;font-weight:500;color:#12202D;margin-top:2px;}

.footer .word{width:52.2%;height:100%;display:flex;display:-webkit-flex;
align-items:center;-webkit-align-items:center;}
.word .word-img{width:0.66rem;height:0.66rem;margin-left:0.34rem;}
.word .word-img img{width:100%;height:100%;}
.word .info{width:2.24rem;height:0.64rem;font-size:0.24rem;font-weight:400;color:#000000;
line-height:0.35rem;margin-left:0.2rem;position:relative;}
.word .info .date{position:absolute;right:0;bottom:0;z-index:1;color:#606060;line-height:0.24rem;
transform:scale(0.8);}

.quotas{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.quota-item{flex:1;}
.quota-item .img{width:0.88rem;height:0.66rem;margin-top:0.12rem;}
.quota-item .img img{width:100%;height:100%;}
.quota-item .value, .quota-item .text{width:100%;text-align:center; font-size:0.24rem;transform:scale(0.8);}
.quota-item .value{margin-top:-0.08rem;}
.quota-item .text{margin-top:-0.04rem;}

.line-chart .img{width:100%;height:90%;}
.line-chart .img img{width:100%;height:100%;}